//导航条点击
$(function(){
    var navItem = $('.navitem.btn');
    navItem.on('click',function(e){
        var _this = this;
        navItem.each(function(index,elem){
            var imgs = $(elem).find('img');
            var txt = $(elem).find('h5');
            if(_this==this){
                imgs.eq(1).show();
                imgs.eq(0).hide();
                txt.css('color','#59c2e6');
            }else{
                imgs.eq(0).show();
                imgs.eq(1).hide();
                txt.css('color','rgb(131, 131, 131)');
            }
        })
        
    });
    //首页
    navItem.eq(0).on('click',function(e){
        switchBtn(1);
    });
    //活动简介
    navItem.eq(1).on('click',function(e){
        $('.stage2').show();
        $('.stage2 .showbox').css('bottom',0);
    });
    $('.closebtn').on('click',function(e){
        switchBtn(2);
        $('.stage2 .showbox').css('bottom','-50vh');
    });
    //我的
    navItem.eq(2).on('click',function(e){
        switchBtn(3);
    });
    //报名
    $('.submititem').on('click',function(e){
        switchBtn();
    });

    //切换场景
    function switchBtn(index){
        switch(index){
            case 1:
            $('.stage1').show();
            $('.stage2').hide();
            $('.stage3').hide();
            $('.stage4').hide();
            break;
            case 2:
            $('.stage2').hide();
            break;
            case 3:
            $('.stage1').hide();
            $('.stage2').hide();
            $('.stage3').show();
            $('.stage4').hide();
            break;
            default:
            $('.stage1').hide();
            $('.stage2').hide();
            $('.stage3').hide();
            $('.stage4').show();
            break;
        }
    }

    //最新热门


    //loading
    var animspan = $('.loading .anim span');
    var animspanindex = 0;
    setInterval(function(){
        animspan.css('backgroundColor','#fff');
        animspan.eq(animspanindex).css('backgroundColor','#59c2e6');
        animspanindex = animspanindex>=5 ? 0 : (animspanindex+1);
    },500)
})